<div class="gh-flow">
    <div class="gh-flow-content-wrap">
        <section class="gh-flow-content fade-in">
            {{#if blog}}
                <p>{{blog.name}}</p>
                {{#if editWarning}}
                    <p class="warning">{{editWarning}}</p>
                {{/if}}
            {{else}}
                <p>Welcome! Before we get started, please tell us where to find your blog:</p>
            {{/if}}
            <form id="reset" method="post" novalidate="novalidate" {{action "addOrEditBlog" on="submit"}}>
                <div class="{{if isUrlInvalid "error"}}">
                    <span class="input-icon icon-gh">
                        {{gh-input type="url"
                                   name="url"
                                   placeholder="https://myblog.com/ghost/"
                                   autocorrect="off"
                                   autofocus="autofocus"
                                   focusOut=(action "validateUrl" url)
                                   value=url
                                   title=urlError}}
                    </span>
                </div>
                {{gh-basic-auth isEnabled=isBasicAuth username=basicUsername password=basicPassword}}
                {{#gh-spin-button disabled=hasError
                                  class="btn btn-blue btn-block add-blog"
                                  type="submit"
                                  submitting=isSubmitting
                                  autoWidth="false"}}
                    {{#if blog}}Save {{else}}Add {{/if}}Blog
                {{/gh-spin-button}}
            </form>
            <p class="main-error">{{{flowErrors}}}</p>
        </section>
    </div>
</div>
